<template>
	<div id="app">
		<Search />
		<Swiper />
		<Container />
		<Menu />
	</div>
</template>

<script>
import Search from "./components/Search.vue";
import Container from "./components/Container.vue";
import Swiper from "./components/Swiper.vue";
import Menu from "./components/Menu.vue";

export default {
	name: "App",
	components: {
		Search,
		Container,
		Swiper,
		Menu
	}
};
</script>

<style>
/* #app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
	margin-top: 60px;
} */
* {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
body {
	box-sizing: border-box;
	padding-bottom: 0.9rem;
}
</style>
